<!DOCTYPE html>
<html>

	<head>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta name="format-detection" content="telephone=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
		<title>民兵团【清风椰林湾】</title>
		<link rel="stylesheet" type="text/css" href="../../css/reset.css" />
		<link rel="stylesheet" type="text/css" href="../../css/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../../css/common.css" />
		<link rel="stylesheet" type="text/css" href="../../css/main.css" />
	</head>

	<body>
		<div class="mask" onclick="cancle()"></div>
		<!--顶部-->
		<header>
			<div class="h-left">
				<a href="javascript:history.go(-1)" class="iconfont icon-zuojiantou1"></a>		
			</div>
			<h1>圈信息</h1>
			<div class="h-right">
				<a href="#" class="iconfont icon-fenxiaoquan_light"></a>
				<a href="javascript:history.go(-1)" class="iconfont icon-fenxiaoquan_light"></a>
				<a href="javascript:history.go(-1)" class="iconfont icon-fenxiaoquan_light"></a>
				<a href="javascript:history.go(-1)" class="iconfont icon-fenxiaoquan_light"></a>
			</div>
		</header>
		<!--顶部-->
		<!--内容-->
		<div class="container pt2">
			<a href="fenxiao_name.html" class="row tomsg">
				<span>圈名字</span>
				<div class="fenxiao-tx row">
					<span>民兵团【清风椰林湾】</span>
					<i class="iconfont icon-arrow-right"></i>
				</div>
			</a>
			<a class="row tomsg" onclick="loadimg()">
				<span>圈头像</span>
				<div class="fenxiao-tx row">
					<div class="mytx"><img src="../../img/img01.jpg"/></div>
					<i class="iconfont icon-arrow-right"></i>
				</div>
			</a>
			<a href="fenxiao_introduce.html" class="row tomsg">
				<span>圈简介</span>
				<i class="iconfont icon-arrow-right"></i>
			</a>
			<div class="block4"></div>
			<a href="fenxiao_code.html" class="row tomsg">
				<span>圈二维码</span>
				<i class="iconfont icon-arrow-right"></i>
			</a>
			<a href="fenxiao_card.html" class="row tomsg">
				<span>圈名片</span>
				<i class="iconfont icon-arrow-right"></i>
			</a>
			<a href="../poster/poster.html" class="row tomsg">
				<span>发海报</span>
				<i class="iconfont icon-arrow-right"></i>
			</a>
		</div>
		<!--内容-->
		<!--头像选择-->
		<form class="hide chooseimg">
			<ul>
				<li class="row">
					<input type="file" accept="image/*" capture="camera" class="filed"/>
					<span>拍照</span>
				</li>
				<li class="row">
					<input type="file" accept="image/*" class="filed"/>
					<span>相册</span>
				</li>
				<li class="row" onclick="cancle()">
					<span>取消</span>
				</li>
			</ul>
		</form>
		<script src="../../js/jquery.min.js"></script>
		<script src="../../js/wap.js"></script>
		<script type="text/javascript">
			function loadimg(){
				$('.chooseimg').slideDown();
				$('.mask').fadeIn();
			}
			function cancle(){
				$('.chooseimg').slideUp();
				$('.mask').fadeOut();
			}
			$('.filed').change(function(){
				var src;
				$('.chooseimg').slideUp();
				$('.mask').fadeOut();
			      var file = $('.filed').get(0).files[0];
			      var reader = new FileReader();
			      reader.readAsDataURL(file);
//			      reader.onload=function(e){
//			        $('#imgshow').get(0).src = e.target.result;
//			      }
			      reader.onload=function(e){
			        src = e.target.result;
			        window.location.href = "select_img.html?type=" + src;
			      }
			    })
		</script>
	</body>

</html>